<template>
  <div>
    <div style="background-color: #fff">
      <Lheaders></Lheaders>
    </div>
    <div class="content">
      <div class="win72">
        <div style="padding: 30px 0">
          <div class="zhong_content">
            <div class="flex">
              <div class="flex backs" style="justify-content: center">
                <div
                  style="font-weight: normal; font-size: 20px; color: #ffffff"
                >
                  首页
                </div>
              </div>
              <div
                class="flex back"
                style="justify-content: center; position: relative"
              >
                <div
                  style="
                    position: absolute;
                    top: 15px;
                    left: 0;
                    width: 1px;
                    height: 30px;
                    background: #ffffff;
                  "
                ></div>
                <i class="el-icon-caret-right"></i>
                <div
                  style="font-weight: normal; font-size: 20px; color: #ffffff"
                >
                  热门标讯
                </div>
                <i class="el-icon-caret-left"></i>
                <!-- <div style="font-weight: normal; font-size: 20px; color: #ffffff">
                热门标讯
              </div> -->
              </div>
              <div
                class="flex backs"
                style="justify-content: center; position: relative"
              >
                <div
                  style="
                    position: absolute;
                    top: 15px;
                    left: 0;
                    width: 1px;
                    height: 30px;
                    background: #ffffff;
                  "
                ></div>
                <div
                  style="font-weight: normal; font-size: 20px; color: #ffffff"
                >
                  最新资询
                </div>
              </div>
              <div
                class="flex backs"
                style="justify-content: center; position: relative"
              >
                <div
                  style="
                    position: absolute;
                    top: 15px;
                    left: 0;
                    width: 1px;
                    height: 30px;
                    background: #ffffff;
                  "
                ></div>
                <div
                  style="font-weight: normal; font-size: 20px; color: #ffffff"
                >
                  全部装备
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footers></footers>
  </div>
</template>

<script>
import headers from "../components/header.vue";
import footers from "../components/footer.vue";
export default {
  name: "XiaofangFrontBeacon",
  components: {
    headers,
    footers,
  },
  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>
<style scoped lang="less">
.content {
  background-color: #f9fafc;
}
.zhong_content {
  .back {
    background: #ef312a;
    width: 25%;
    height: 60px;
    cursor: pointer;
  }
  .backs {
    background: #f15953;
    width: 25%;
    height: 60px;
    cursor: pointer;
  }
  .el-icon-caret-right {
    color: #ffffff;
  }
  .el-icon-caret-left {
    color: #ffffff;
  }
}
</style>